/**
* @Author: 李晨光
* @Date: 2019/12/18
* @Version: 1.0
* @Last Modified by: 李晨光
* @Last Modified time: 2019/12/18
**/
<comment>
  # 积分明细
</comment>
<template>
  <div id="IntegrationRules" class="p-box">
    <div class="p-return">
      <mu-appbar color="primary" class="lan-header" style="box-shadow:none">
        <mu-button icon slot="left" v-close>
          <i class="iconfont angle-left iconangle-left"></i>
          <span class="lan-header-back">返回</span>
        </mu-button>积分兑换规则
      </mu-appbar>
    </div>
    <div class="p-content">
      <div class="rules-box">
        <div class="rules-title">积分攻略：</div>

        <div class="rules-content">
          获得质量工匠之星积分有两种途径：
          <ol>
            <li>1.行为观察：良好的质量工匠行为可以通过行为观察被上报至审批人，审批通过后被观察人可获得积分；</li>
            <li>2.问题上报：在现场发现质量问题，可以提交问题上报，审批通过后可获得相应积分；</li>
          </ol>
        </div>积分说明：
        积分可在指定线下商店兑换实物礼品，积分兑换不影响总积分排行。
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "IntegrationRules",
  components: {},
  props: {},
  data() {
    return {};
  },
  computed: {},
  created() {},
  mounted() {},
  watch: {},
  methods: {},
  destroyed() {}
};
</script>

<style lang="scss">
#IntegrationRules {
  .p-content {
    background: #fff;
  }
  .rules-box {
    padding: 0.16rem 0.14rem;
    .rules-title {
      font-size: 0.15rem;
      font-weight: bold;
    }
    .rules-content {
      li {
        margin: 0.14rem 0;
        font-size: 0.13rem;
        color: #8c8c8c;
      }
    }
  }
}
</style>
